﻿@section header
{<!-- Bellows Styles -->
    <link rel="stylesheet" href="~/Themes/RongJi/Style/plugins/bellows-2.0.0/css/bellows.min.css">
    <link href="~/Themes/RongJi/Style/base/css/content.css" rel="stylesheet" />
}
@section pagetitle
{
    帮助中心

}
<div class="box contentWrapper">
    <div class="bellows default">
        @{int i = 1;}
        @foreach (var category in Model)
        {

            <div class="bellows__item">
                <div class="bellows__header">
                    <img src="@("../Themes/RongJi/Style/base/imgs/help_" + (i++).ToString() + ".png")">
                    <h4>@category.CategoryName</h4>
                </div>
                <div class="bellows__content">
                    <div class="list-group">
                        @foreach (var article in category.ArticleList)
                        {
                            <a class="list-group-item" href="~/Content/ContentDetail?articleId=@article.ArticleId&mode=@Request.QueryString["mode"]">@article.Title</a>
                        }
                    </div>
                </div>
            </div>
        }
    </div>
</div>

@section footer
{
    <script type="text/javascript" src="~/Themes/RongJi/Style/plugins/velocity-0.11.7/jquery.velocity.min.js"></script>
    <script type="text/javascript" src="~/Themes/RongJi/Style/plugins/bellows-2.0.0/js/bellows.min.js"></script>
    <script type="text/javascript">
        $('.bellows.default').bellows({
            singleItemOpen: true
        });
    </script>
}
